<template>
  <div class="user-page">
    <div class="user">
      <img src="http://xpzll.gitee.io/hmmj-demo/img/logo.dbd40807.png" alt="" />
      <h3>名字</h3>
    </div>
      
    <!-- 记录区域 -->
	
    <!-- 功能区域 -->
      
  </div>
</template>

<script>

export default {
  name: 'user-page'
}
</script>

<style lang="less" scoped>
.user-page {
  padding: 0 10px;
  background: #f5f5f5;
  height: 100vh;
  .mt20 {
    margin-top: 20px;
  }
  .user {
    display: flex;
    padding: 20px 0;
    align-items: center;
    img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
    }
    h3 {
      margin: 0;
      padding-left: 20px;
      font-size: 18px;
    }
  }
}
</style>